<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		#box{
				width: 400px;
				height: 400px;
				margin: 100px auto;
				/*background:url(7f9d0bf3jw1ezd6lohdugj211i1e01kz.jpg) no-repeat -140px -140px;*/
				position: relative; 
				overflow: hidden;	
				  
/*				transform: skewX(30deg)  skewY(30deg);*/
			}
			img{ 
				position: absolute;
				top: -140px;
				left: -140px;
				animation: play 2s both ease infinite; 
			}
			/*#box:hover{
				animation: play 1s linear both;
			}*/
			@keyframes play{
				0%{transform: scale(1);}
				50%{transform: scale(1.2);}
				100%{transform: scale(1);}
			}
		</style>
	</head>
	<body>
		<div id="box"><img src="7.jpg"/></div>
	</body>
</html>
